.tables-layout {
  @apply w-full flex flex-col bg-background;
  height: calc(100vh - var(--header-height, 56px));
}

.tables-header {
  @apply flex items-center justify-between p-4 px-8 bg-white h-16;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-left {
  @apply flex items-center gap-4;
}

.header-right {
  @apply flex items-center gap-4;
}

.back-button {
  @apply flex items-center justify-center text-primary;
}

.page-title {
  @apply m-0 text-xl text-gray-800 font-medium;
  letter-spacing: 0.5px;
}

.tables-content {
  @apply flex-1 p-8 overflow-auto flex flex-col;
  max-height: calc(100vh - var(--header-height, 56px) - 64px); /* 减去页头和表头高度 */
}

.styled-tabs {
}

.styled-tabs .ant-tabs-nav {
  @apply mb-0 bg-white rounded-t-lg px-4 pt-2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.styled-tabs .ant-tabs-tab {
  @apply font-medium mx-2;
  transition: all 0.3s ease;
}

.styled-tabs .ant-tabs-tab-active {
  @apply text-primary;
}

.styled-tabs .ant-tabs-ink-bar {
  @apply bg-primary;
  height: 3px !important;
  border-radius: 3px;
}

.toolbar-container {
  @apply flex items-center justify-between bg-white rounded p-4 shadow-sm;
}

.search-container {
  @apply flex items-center gap-4 flex-1;
}

.search-container .ant-input-affix-wrapper {
  @apply bg-gray-50 border-0 rounded-lg transition-all;
  padding: 8px 12px;
}

.search-container .ant-input-affix-wrapper:hover,
.search-container .ant-input-affix-wrapper:focus,
.search-container .ant-input-affix-wrapper-focused {
  @apply bg-white shadow-sm;
}

.search-container .ant-input {
  @apply bg-transparent;
}

.search-container .ant-btn {
  @apply rounded-lg bg-gray-50 border-0 text-gray-500;
  padding: 8px 16px;
  transition: all 0.3s ease;
}

.search-container .ant-btn:hover {
  @apply bg-white text-primary shadow-sm;
}

.styled-table {
  @apply bg-white rounded overflow-hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.styled-table .ant-table-thead > tr > th {
  @apply bg-[#EEF2FF] font-semibold;
}

.styled-table .ant-table-cell {
  @apply py-4;
}

.styled-area-table {
  @apply bg-white rounded overflow-hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.styled-area-table .ant-table-thead > tr > th {
  @apply bg-[#EEF2FF] font-semibold;
}

.status-tag {
  @apply rounded-sm py-1 px-3 font-medium inline-block text-center min-w-[70px];
}

.status-tag-free {
  @apply bg-success bg-opacity-20 text-success;
}

.status-tag-occupied {
  @apply bg-primary bg-opacity-20 text-primary;
}

.status-tag-reserved {
  @apply bg-warning bg-opacity-20 text-warning;
}

.status-tag-cleaning {
  @apply bg-blue-400 bg-opacity-20 text-blue-600;
}

.status-tag-default {
  @apply bg-gray-200 text-text;
}

/* 表单样式优化 */
.ant-modal-content {
  @apply rounded-xl overflow-hidden p-0;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.ant-modal-header {
  @apply p-5 border-b border-gray-100 mb-0;
}

.ant-modal-body {
  @apply p-6;
}

.ant-modal-footer {
  @apply p-4 border-t border-gray-100 bg-gray-50;
}

.ant-btn-primary {
  @apply shadow-sm;
  transition: all 0.3s ease;
}

.ant-btn-primary:hover {
  @apply shadow-md -translate-y-0.5;
}

.form-item-label {
  @apply font-medium;
}

.form-footer {
  @apply text-right mt-6;
}

.form-footer-button {
  @apply ml-2;
} 